<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>学生报名信息</title>
<style type="text/css">
<!--
.td {
	font-size: 14px;
	text-decoration: none;
}
.12 {
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;
}
a:link {
	font-size: 14px;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a.b:link {
	color: #333333;
	text-decoration: none;
	font-size: 12px;
}
a.b:active {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
a.b:hover {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
a.b:visited {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.xx {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.zx {
	border-top-width: 1.0px;
	border-right-width: 1.0px;
	border-bottom-width: 1.0px;
	border-left-width: 1.0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tiao {
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0099CC;
	border-right-color: #0099CC;
	border-bottom-color: #0099CC;
	border-left-color: #0099CC;
	border-top-width: 1.0px;
	border-right-width: 1.0px;
	border-bottom-width: 1.0px;
	border-left-width: 1.0px;
}
.da {
	border-top-width: 1.0px;
	border-right-width: 1.0px;
	border-bottom-width: 1.0px;
	border-left-width: 1.0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.zy {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.y {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
-->
</style>
<link href="file:///E|/struts阶段项目/页面/WebRoot2/WebRoot/css/moban.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.bianti {
	font-size: 14px;
	line-height: 1.5;
	color: #FFFFFF;
	text-decoration: none;
}
.lanbianshang {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
}
.hongxian {
}
a.14:link {
	font-size: 14px;
	line-height: 1.5;
	color: #FF0000;
	text-decoration: underline;
}
a.14:hover {
	font-size: 14px;
	line-height: 1.5;
	color: #FF0000;
	text-decoration: none;
}
a.14:active {
	font-size: 14px;
	line-height: 1.5;
	color: #FF0000;
	text-decoration: none;
}
a.14:visited {
	font-size: 14px;
	line-height: 1.5;
	color: #FF0000;
	text-decoration: underline;
}
-->
</style>
<style type="text/css">
<!--
.12x {
	font-size: 12px;
	line-height: 1.5;
	color: #FF0000;
	text-decoration: underline;
}
-->
</style>
</head>
<body style="margin:0px" >
<div style="margin:auto; width:990px; height:600px; background-color:#F0FEFF;">
<div style="width:990px; height:35px; border:2px outset #006CD9; background-color:#006CD9; ">
<span style="line-height:35px; vertical-align:middle;
color:#FFFFFF; font-size:12px; margin-left:30px; float:left">欢迎进入学生报名系统</span>
</div>
<br/>
<div style="width:900px; border:1px #666666 solid; margin:auto; background-color:#FFFFFF;">
		      <table width="780" height="631" border="0" cellpadding="0" cellspacing="0" class="da" align="center">
        <tr class="xx"> 
          <td width="78%" height="631" valign="top"> <table width="100%" height="631" border="0" cellpadding="0" cellspacing="0">
              <tr> 
                <td width="96%" height="30" valign="bottom">&nbsp;</td>
              </tr>
              <tr> 
                <td height="601" valign="top" class="12"> <table width="100%" height="599" border="0" cellpadding="0" cellspacing="0">
                    <tr> 
                      <td height="599" valign="top" class="12"> 
                        <table width="100%" height="392"  border="0" cellpadding="1" cellspacing="0">
                          <tr> 
                            <td height="56" colspan="3"><div align="center" class="14"><strong><font color="#FF0000">在 
                                线 报 名 表</font></strong></div></td>
                          </tr>
                          <tr> 
                            <td width="4%" height="20">&nbsp;</td>
                            <td width="92%"><hr size="1" noshade></td>
                            <td width="4%">&nbsp;</td>
                          </tr>
                          <tr valign="top"> 
                            <td height="316" colspan="3">
                                  
                              <form action="StudentSee.action" method="post" onsubmit="return allcheck();">
                            
                            <DIV id="change">
                                <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                  <tr> 
                                    <td height="25" colspan="4" align="right" bgcolor="#84CA02"> 
                                      <div align="center" class="style4"> 
                                        <p class="bianti"><font color="#000000"><strong>填 
                                          写 报 名 表</strong></font></p>
                                      </div></td>
                                    <td width="0" height="25">&nbsp;</td>
                                  </tr>
                                  <tr> 
                                    <td width="28%" height="25" align="right" bgcolor="#DBFFA4" class="12"><span class="style1"><font color="#FF0000">*</font></span>所选课程：</td>
                                    <td height="25" colspan="3" bgcolor="#DBFFA4"> 
                                    
                                    	<select  name="choseclassid">
	                                       	<s:iterator value="list" status="index">
												<option value="<s:property value="id"/>"><s:property value="classname"/></option>
											</s:iterator>                                 
                                      </select> 
                                     </td>
                                    <td height="25">&nbsp;</td>
                                  </tr>
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#EDFFCA" class="12"><span class="style1"><font color="#FF0000">*</font></span>姓&nbsp;&nbsp;&nbsp; 
                                      名：</td>
                                    <td width="35%" height="25" bgcolor="#EDFFCA"><input type="text" name="name" id="name" size="10" onblur="checkname();"/><span id="nameSpan" style="color:red"></span></td> 
                                     
                                    <td width="19%" bgcolor="#EDFFCA"><div align="right" class="12"><span class="style1"><font color="#FF0000">*</font></span>性&nbsp;&nbsp;&nbsp; 
                                        别：</div></td>
                                    <td width="29%" bgcolor="#EDFFCA">                 
                                    	<input type="radio" name="gender" value="男" checked="checked"><font size="2">男</font>
                                    	<input type="radio" name="gender" value="女"><font size="2">女</font> 
                                    </td>     
                                    
                                  </tr>
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#DBFFA4" class="12"><span class="style1"><font color="#FF0000">*</font></span>年&nbsp;&nbsp;&nbsp; 龄：</td>     
                                    <td height="25" bgcolor="#DBFFA4">
	                                    <select name="age">
	                                    	<option selected>9</option>
	                                     <%for(int i=10;i<61;i++){ %>
	                                      	<option value="<%=i %>"><%=i %></option>
	                                     <%} %>	                                       
	                                        <option>保密</option>
                                     	 </select>
                                       </td>
                                    <td height="25" bgcolor="#DBFFA4"><div align="right" class="12"><span class="style1"><font color="#FF0000">*</font></span>学&nbsp;&nbsp;&nbsp; 
                                        历：</div></td>
                                    <td height="25" bgcolor="#DBFFA4">
                                    <select name="educationbackground">
                                    	<option value="初中">初中</option>
                                    	<option value="高中">高中</option>
                                        <option value="专科">专科</option>
                                        <option value="本科" selected>本科</option>
                                        <option value="研究生">研究生</option>
                                        <option value="博士生">博士生</option>
                                      </select></td>
                                    <td height="25">&nbsp;</td>
                                  </tr>
                             
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#EDFFCA" class="12">毕业院校<font color="#000000">：</font></td>
                                    <td height="25" colspan="3" bgcolor="#EDFFCA"> 
                                      <input name="graduateuniversity" type="text" size="20">                                    </td>
                                    <td height="25">&nbsp;</td>
                                  </tr></element>
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#DBFFA4" class="12"><span class="style1"><font color="#FF0000">*</font></span>手　机：</td>
                                    <td height="45" colspan="3" bgcolor="#DBFFA4"> 
                                      <input name="mobile" id="mobile" type="text" size="12"  onblur="checkmobile();"/><span id="mobileSpan" style="color:red"></span></td>
                                    <td height="5">&nbsp;</td>
                                  </tr>
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#EDFFCA" class="12"><span class="style1"><font color="#FF0000">*</font></span>固定电话：</td>
                                    <td height="25" colspan="3" bgcolor="#EDFFCA"><input name="phone" id="phone" type="text" size="12"  onblur="checkphone();"><span style="font-size:13">（格式为:区号-座机号）</span> <span id="phoneSpan" style="color:red"></span></td>
                                    <td height="25" rowspan="2">&nbsp;</td>
                                  </tr>
                                  <tr> 
                                    <td height="24" align="right" bgcolor="#DBFFA4" class="12"><span class="style1"><font color="#FF0000">*</font></span>E-mail ：</td>
                                    
                                    <td height="44" colspan="3" bgcolor="#DBFFA4"> 
                                      <input name="email" id="email" type="text" size="20"  onblur="checkemail();"><span id="emailSpan" style="color:red"></span></td>
                                  </tr>
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#EDFFCA" class="12"><font color="#FF0000">*</font>QQ<font color="#000000">：</font></td>
                                    <td height="25" colspan="3" bgcolor="#EDFFCA"><input name="qq" type="text" size="20" id="qq" onblur="checkqq();"><span id="qqSpan" style="color:red"></span></td>
                                    <td height="25">&nbsp;</td>
                                  </tr>
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#DBFFA4" class="12"><span class="style1"><font color="#FF0000">*</font></span>家庭住址：</td>
                                    <td height="63" colspan="3" bgcolor="#DBFFA4"><input name="home" id="home" type="text" size="64" onblur="checkhome();"><span id="homeSpan" style="color:red"></span></td>                     
                                  </tr>
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#EDFFCA" class="12">现居住地：</td>
                                    <td height="25" colspan="3" bgcolor="#EDFFCA"><input name="address" type="text" size="64">                                    </td>
                                    <td height="25">&nbsp;</td>
                                  </tr>
                                  <tr> 
                                    <td align="right" bgcolor="#DBFFA4" class="12">咨询疑问：</td>
                                    <td colspan="3" bgcolor="#DBFFA4"> <textarea name="question" cols="64" rows="8"></textarea></td>
                                    <td>&nbsp;</td>
                                  </tr>
                                  <tr> 
                                    <td height="25" align="right" bgcolor="#84CA02">&nbsp;</td>
                                    <td height="25" colspan="3" bgcolor="#84CA02"> 
                                      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                        <tr> 
                                         <td><div><input type="submit" value="提交"/></div></td>
                                          <td><input type="reset" value="重填"/></td>
                                        </tr>
                                      </table>
                                     </td>
                                    <td height="25">&nbsp;</td>
                                  </tr>
                                </table>
                                </div>
                              </form></td>
                          </tr>
                        </table>
                        <br> 
                        <p align="center"></p></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table> 
</div>
<div style="width:990px; height:35px; border:2px outset #006CD9; background-color:#006CD9; margin-top:20px; float:clear; ">
<span style="line-height:35px; vertical-align:middle;color:#FFFFFF; font-size:12px; margin-left:30px; float:left">来宾意见 | 联系我们 | 广告合作 | 站长统计贵宾统计</span>  
<span style="line-height:35px; vertical-align:middle;color:#FFFFFF; font-size:12px; margin-left:30px; float:right">Copyright (c) 2009 - 2012 www.sousuo.com, All Right Reserved.</span> 
</div>
</div>
</body>
</html>
<script>
	var flag1 = '';
	var flag2 = '';
	var flag3 = '';
	var flag4 = '';
	var flag5 = '';
	var flag6 = '';
	
function checkname(){
	var name = document.getElementById('name').value;
	if( name == '' ){
		document.getElementById('nameSpan').innerHTML = "<img src='images/check_error.gif'>您的姓名不能为空";
		flag1 = '';
	}else{
		document.getElementById('nameSpan').innerHTML = "<img src='images/check_right.gif'>";
		flag1 = '1';
	}
	
}

function checkqq(){
	var reg =/^\s*[.0-9]{5,10}\s*$/;
	var qq = document.getElementById('qq').value;
	if(qq==''){
		document.getElementById('qqSpan').innerHTML="<img src='images/check_error.gif'>QQ不能为空！";
		flag6 = '';
	}else if(qq.length>0 && !reg.test(qq)){
		document.getElementById('qqSpan').innerHTML = "<img src='images/check_error.gif'>QQ格式不对！";
		flag6 = '';
	}
	else{
		document.getElementById('qqSpan').innerHTML = "<img src='images/check_right.gif'>";
		flag6 = '1';
	}
}
function checkmobile(){
	var reg = /^((\(\d{3}\))|(\d{3}\-))?13[0-9]\d{8}|15[0189]\d{8}/;
	var mobile = document.getElementById('mobile').value;
	if(mobile==''){
		document.getElementById('mobileSpan').innerHTML="<img src='images/check_error.gif'>手机号码不能为空！";
		flag2 = '';
	}else if(mobile.length>0 && !reg.test(mobile)){
		document.getElementById('mobileSpan').innerHTML = "<img src='images/check_error.gif'>手机号码格式不对！";
		flag2 = '';
	}
	else{
		document.getElementById('mobileSpan').innerHTML = "<img src='images/check_right.gif'>";
		flag2 = '1';
	}
}
function checkphone(){
	var reg = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
	var phone = document.getElementById('phone').value;
	if(phone==''){
		document.getElementById('phoneSpan').innerHTML="<img src='images/check_error.gif'>固话号码不能为空！";
		flag3 = '';
	}else if(phone.length>0 && !reg.test(phone)){
		document.getElementById('phoneSpan').innerHTML = "<img src='images/check_error.gif'>固话号码格式不对！";
		flag3 = '';
	}
	else{
		document.getElementById('phoneSpan').innerHTML = "<img src='images/check_right.gif'>";
		flag3 = '1';
	}
}

function checkemail(){
	var reg = /.*@.*\.(com|cn|org)/;
	var email = document.getElementById('email').value;
	if(email==''){
		document.getElementById('emailSpan').innerHTML="<img src='images/check_error.gif'>邮箱不能为空！";
		flag4 = '';
	}else if(email.length>0 && !reg.test(email)){
		document.getElementById('emailSpan').innerHTML = "<img src='images/check_error.gif'>邮箱的格式不对！";
		flag4 = '';
	}
	else{
		document.getElementById('emailSpan').innerHTML = "<img src='images/check_right.gif'>";
		flag4 = '1';
	}
}

function checkhome(){
	var home = document.getElementById('home').value;
	if( home == '' ){
		document.getElementById('homeSpan').innerHTML = "<img src='images/check_error.gif'>家庭住址不为空";
		flag5 = '';
	}else{
		document.getElementById('homeSpan').innerHTML = "<img src='images/check_right.gif'>";
		flag5 = '1';
	}
	
}


function allcheck(){
	var name = document.getElementById('name').value;
	var mobile = document.getElementById('mobile').value;
	var phone = document.getElementById('phone').value;
	var email = document.getElementById('email').value;
	var home = document.getElementById('home').value;
	var qq = document.getElementById('qq').value;
	if(name == '' || mobile == '' || phone == '' || email == '' || home == '' || qq == '')
	{
		alert("带*必填内容不能为空！");
		return false;
	}else if(flag1 == ''){
		alert("您的姓名仍有问题，请检查！");
		return false;
	}else if(flag2 == ''){
		alert("您的手机号码仍有有问题，请检查！");
		return false;
	}else if(flag3 == ''){
		alert("您的固话号码仍有有问题，请检查！");
		return false;
	}else if(flag4 == ''){
		alert("邮件仍有有问题，请检查！");
		return false;
	}else if(flag5 == ''){
		alert("家庭住址仍有有问题，请检查！");
		return false;
	}else if(flag6 == ''){
		alert("您的QQ仍有问题，请检查！");
		return false;
	}	
}
</script>


